<template>
  <div>
    <AdHeader></AdHeader>
    <div>
      <keep-alive>
        <router-view
          :key="$route.path"
          v-if="$route.meta.keepAlive"
        ></router-view>
      </keep-alive>

      <router-view v-if="!$route.meta.keepAlive"></router-view>
    </div>
    <AdFooter></AdFooter>
  </div>
</template>

<script>
import AdHeader from "@/components/container/header";
import AdFooter from "@/components/container/footer";
export default {
  name: "ContainerRoot",
  components: {
    AdHeader,
    AdFooter
  },

  data() {
    return {
      menuData: [],
      routeMatched: [],

      pageTitle: "Apollo"
    };
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {}
};
</script>
